<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
    自增自减运算符
    </title>
</head>
<body>
    <script>
        // ++     每次加1 
        // 前置 ++变量
        // 后置 变量++
        var test = 10
        console.log('--------------')
        console.log(test) // 10 
        console.log(test++) // 10
        console.log('--------------')
        console.log(test) // 11
        console.log(++test) // 12
        console.log('--------------')

 
        // --   每次减一
        // 前置  --变量
        //后置 变量--

        var n= 5 
        var res = n++ + ++n + ++n + n++

        // 5 + 7 +8+8 
        console.log(res)

        console.log(n) // 9 

        var res2 = n++ + ++n + --n + n-- - --n+ ++n 
        // res2 
        // n

        // 9 + ++n + --n + n-- - --n+ ++n    n=10
        // 9 + 11 + --n + n-- - --n+ ++n     n = 11
        // 9 + 11 + 10 + n-- - --n+ ++n     n = 10
        // 9 + 11 + 10 + 10  - --n + ++n    n=9
        // 9 + 11 + 10 + 10  - 8 + ++n     n=8
        // 9+11+10 +10-8 +9      n = 9 

        console.log(res2)   





    </script>
</body>
</html>